<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>可视化项目</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="box">
    <!-- 左侧部分 -->
    <div class="left">
      <!-- 输入部分 -->
      <div>
        姓名<input type="text" placeholder="请输入姓名" class="uname">
        评分<input type="number" placeholder="请输入评分" class="score">
        薪资<input type="number" placeholder="请输入薪资" class="pay">
        <button>添加</button>
      </div>
      <!-- 显示部分 -->
      <div class="tables">
        <table>
          <tr>
            <th>姓名</th>
            <th>评分</th>
            <th>薪资</th>
          </tr>
          <!-- <tr>
            <td>姓名</td>
            <td>评分</td>
            <td>薪资</td>
          </tr> -->
        </table>
      </div>
    </div>
    <!-- 右侧部分 -->
    <div class="right">
      <!-- 评分 -->
      <h3>评分</h3>
      <div class="score"></div>
      <!-- 薪资 -->
      <h3>薪资</h3>
      <div class="pay"></div>
    </div>
  </div>
  <script src="./js/jquery-3.6.0.js"></script>
  <script src="./js/echarts.min.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>